﻿<!DOCTYPE html>
<html>
  <head>
    <title>树形控件</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/树形控件/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/树形控件/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8450" class="ax_default">
        <div id="u8450_state0" class="panel_state" data-label="State1" style="">
          <div id="u8450_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8451" class="ax_default box_2">
              <div id="u8451_div" class=""></div>
              <div id="u8451_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8452" class="ax_default paragraph">
              <div id="u8452_div" class=""></div>
              <div id="u8452_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u8453" class="ax_default" data-label="header">
        <div id="u8453_state0" class="panel_state" data-label="State1" style="">
          <div id="u8453_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8454" class="ax_default box_1">
              <div id="u8454_div" class=""></div>
              <div id="u8454_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8455" class="ax_default">
              <div id="u8455_state0" class="panel_state" data-label="State1" style="">
                <div id="u8455_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8456" class="ax_default box_1">
                    <div id="u8456_div" class=""></div>
                    <div id="u8456_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8457" class="ax_default box_1">
                    <div id="u8457_div" class=""></div>
                    <div id="u8457_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8458" class="ax_default box_1">
                    <div id="u8458_div" class=""></div>
                    <div id="u8458_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8459" class="ax_default box_1">
                    <img id="u8459_img" class="img " src="images/index/u10.svg"/>
                    <div id="u8459_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8460" class="ax_default image">
                    <img id="u8460_img" class="img " src="images/index/u11.png"/>
                    <div id="u8460_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8461" class="ax_default paragraph">
                    <div id="u8461_div" class=""></div>
                    <div id="u8461_text" class="text ">
                      <p><span>iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u8449" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8462" class="ax_default box_1">
        <div id="u8462_div" class=""></div>
        <div id="u8462_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u8464" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8464_div" class=""></div>
        <div id="u8464_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8465" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8465_div" class=""></div>
        <div id="u8465_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8466" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8466_div" class=""></div>
        <div id="u8466_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8467" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8467_div" class=""></div>
        <div id="u8467_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8468" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8468_div" class=""></div>
        <div id="u8468_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8469" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8469_div" class=""></div>
        <div id="u8469_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8470" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8470_div" class=""></div>
        <div id="u8470_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8471" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8471_div" class=""></div>
        <div id="u8471_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8472" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8472_div" class=""></div>
        <div id="u8472_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8473" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8473_div" class=""></div>
        <div id="u8473_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8474" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8474_div" class=""></div>
        <div id="u8474_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8475" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8475_div" class=""></div>
        <div id="u8475_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8476" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8476_div" class=""></div>
        <div id="u8476_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8477" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8477_div" class=""></div>
        <div id="u8477_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8478" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8478_div" class=""></div>
        <div id="u8478_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8479" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8479_div" class=""></div>
        <div id="u8479_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8480" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8480_div" class=""></div>
        <div id="u8480_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8481" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8481_div" class=""></div>
        <div id="u8481_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8482" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8482_div" class=""></div>
        <div id="u8482_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8483" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8483_div" class=""></div>
        <div id="u8483_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8484" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8484_div" class=""></div>
        <div id="u8484_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8485" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8485_div" class=""></div>
        <div id="u8485_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8486" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8486_div" class=""></div>
        <div id="u8486_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8487" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8487_div" class=""></div>
        <div id="u8487_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8488" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8488_div" class=""></div>
        <div id="u8488_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8489" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8489_div" class=""></div>
        <div id="u8489_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8490" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8490_div" class=""></div>
        <div id="u8490_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8491" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8491_div" class=""></div>
        <div id="u8491_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8492" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8492_div" class=""></div>
        <div id="u8492_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8493" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8493_div" class=""></div>
        <div id="u8493_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8494" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8494_div" class=""></div>
        <div id="u8494_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8495" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8495_div" class=""></div>
        <div id="u8495_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8496" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8496_div" class=""></div>
        <div id="u8496_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8497" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8497_div" class=""></div>
        <div id="u8497_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8498" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8498_div" class=""></div>
        <div id="u8498_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8499" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8499_div" class=""></div>
        <div id="u8499_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8500" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8500_div" class=""></div>
        <div id="u8500_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8501" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8501_div" class=""></div>
        <div id="u8501_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8502" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8502_div" class=""></div>
        <div id="u8502_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8503" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8503_div" class=""></div>
        <div id="u8503_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8504" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8504_div" class=""></div>
        <div id="u8504_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8505" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8505_div" class=""></div>
        <div id="u8505_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8506" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8506_div" class=""></div>
        <div id="u8506_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8507" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8507_div" class=""></div>
        <div id="u8507_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8508" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8508_div" class=""></div>
        <div id="u8508_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8509" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8509_div" class=""></div>
        <div id="u8509_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8510" class="ax_default box_1 selected" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8510_div" class="selected"></div>
        <div id="u8510_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8511" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8511_div" class=""></div>
        <div id="u8511_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8512" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8512_div" class=""></div>
        <div id="u8512_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8513" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8513_div" class=""></div>
        <div id="u8513_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8514" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8514_div" class=""></div>
        <div id="u8514_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8515" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8515_div" class=""></div>
        <div id="u8515_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8516" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8516_div" class=""></div>
        <div id="u8516_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8517" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8517_div" class=""></div>
        <div id="u8517_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8518" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8518_div" class=""></div>
        <div id="u8518_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8519" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8519_div" class=""></div>
        <div id="u8519_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8520" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8520_div" class=""></div>
        <div id="u8520_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8521" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8521_div" class=""></div>
        <div id="u8521_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8522" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8522_div" class=""></div>
        <div id="u8522_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8523" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8523_div" class=""></div>
        <div id="u8523_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8524" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8524_div" class=""></div>
        <div id="u8524_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8525" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8525_div" class=""></div>
        <div id="u8525_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8526" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8526_div" class=""></div>
        <div id="u8526_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8527" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8527_div" class=""></div>
        <div id="u8527_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8528" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-light">
        <div id="u8528_div" class=""></div>
        <div id="u8528_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8529" class="ax_default box_1" selectiongroup="u8463nav-cebianlan-fenzu-light">
        <div id="u8529_div" class=""></div>
        <div id="u8529_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">列表</span></p>
        </div>
      </div>
      <div id="u8463" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8531" class="ax_default">
        <div id="u8531_state0" class="panel_state" data-label="State1" style="">
          <div id="u8531_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8532" class="ax_default box_1">
              <div id="u8532_div" class=""></div>
              <div id="u8532_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8533" class="ax_default">
              <div id="u8533_state0" class="panel_state" data-label="State1" style="">
                <div id="u8533_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8534" class="ax_default box_1">
                    <div id="u8534_div" class=""></div>
                    <div id="u8534_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8535" class="ax_default label">
                    <div id="u8535_div" class=""></div>
                    <div id="u8535_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8536" class="ax_default label">
                    <div id="u8536_div" class=""></div>
                    <div id="u8536_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8537" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8538" class="ax_default label">
                      <div id="u8538_div" class=""></div>
                      <div id="u8538_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8539" class="ax_default paragraph">
                      <div id="u8539_div" class=""></div>
                      <div id="u8539_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8540" class="ax_default label">
                    <div id="u8540_div" class=""></div>
                    <div id="u8540_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8541" class="ax_default label">
                    <div id="u8541_div" class=""></div>
                    <div id="u8541_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8542" class="ax_default label">
                    <div id="u8542_div" class=""></div>
                    <div id="u8542_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8543" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8544" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8545" class="ax_default">
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8546" class="ax_default label">
                    <div id="u8546_div" class=""></div>
                    <div id="u8546_text" class="text ">
                      <p><span>版本号4.0</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8547" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8548" class="ax_default label">
                      <div id="u8548_div" class=""></div>
                      <div id="u8548_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8549" class="ax_default paragraph">
                      <div id="u8549_div" class=""></div>
                      <div id="u8549_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8550" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8551" class="ax_default label">
                      <div id="u8551_div" class=""></div>
                      <div id="u8551_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8552" class="ax_default paragraph">
                      <div id="u8552_div" class=""></div>
                      <div id="u8552_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8553" class="ax_default image">
                    <img id="u8553_img" class="img " src="images/index/u11.png"/>
                    <div id="u8553_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8554" class="ax_default box_1">
                    <img id="u8554_img" class="img " src="images/index/u10.svg"/>
                    <div id="u8554_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u8530" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8555" class="ax_default heading_1">
        <div id="u8555_div" class=""></div>
        <div id="u8555_text" class="text ">
          <p><span>Tree 树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8556" class="ax_default heading_1">
        <div id="u8556_div" class=""></div>
        <div id="u8556_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8557" class="ax_default label">
        <div id="u8557_div" class=""></div>
        <div id="u8557_text" class="text ">
          <p><span>文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用树控件可以完整展现其中的层级关系，并具有展开收起选择等交互功能。</span></p><p><span>暂时没有可快速复用的实现方式，建议直接采用axure自带的树形结构，方便维护。</span></p>
        </div>
      </div>

      <!-- Unnamed (Tree) -->
      <div id="u8558" class="ax_default tree_node treeroot">
        <div id="u8558_children" class="u8558_children">

          <!-- Unnamed (Tree Node) -->
          <div id="u8559" class="ax_default tree_node treenode">

            <!-- Unnamed (Image) -->
            <div id="u8560" class="ax_default image">
              <img id="u8560_img" class="img " src="images/树形控件/u8560_selected.png"/>
              <div id="u8560_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
            <!-- Unnamed (Rectangle) -->
            <div id="u8561" class="" selectiongroup="u8558_tree_group">
              <div id="u8561_div" class=""></div>
              <div id="u8561_text" class="text ">
                <p><span>Item 1</span></p>
              </div>
            </div>
            <div id="u8559_children" class="u8559_children">

              <!-- Unnamed (Tree Node) -->
              <div id="u8562" class="ax_default tree_node treenode">
                <!-- Unnamed (Rectangle) -->
                <div id="u8563" class="" selectiongroup="u8558_tree_group">
                  <div id="u8563_div" class=""></div>
                  <div id="u8563_text" class="text ">
                    <p><span>Item 1.1</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Tree Node) -->
              <div id="u8564" class="ax_default tree_node treenode">
                <!-- Unnamed (Rectangle) -->
                <div id="u8565" class="" selectiongroup="u8558_tree_group">
                  <div id="u8565_div" class=""></div>
                  <div id="u8565_text" class="text ">
                    <p><span>Item 1.2</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Tree Node) -->
              <div id="u8566" class="ax_default tree_node treenode">

                <!-- Unnamed (Image) -->
                <div id="u8567" class="ax_default image">
                  <img id="u8567_img" class="img " src="images/树形控件/u8560_selected.png"/>
                  <div id="u8567_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
                <!-- Unnamed (Rectangle) -->
                <div id="u8568" class="" selectiongroup="u8558_tree_group">
                  <div id="u8568_div" class=""></div>
                  <div id="u8568_text" class="text ">
                    <p><span>Item 1.3</span></p>
                  </div>
                </div>
                <div id="u8566_children" class="u8566_children">

                  <!-- Unnamed (Tree Node) -->
                  <div id="u8569" class="ax_default tree_node treenode">
                    <!-- Unnamed (Rectangle) -->
                    <div id="u8570" class="" selectiongroup="u8558_tree_group">
                      <div id="u8570_div" class=""></div>
                      <div id="u8570_text" class="text ">
                        <p><span>enter text...</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Tree Node) -->
                  <div id="u8571" class="ax_default tree_node treenode">
                    <!-- Unnamed (Rectangle) -->
                    <div id="u8572" class="" selectiongroup="u8558_tree_group">
                      <div id="u8572_div" class=""></div>
                      <div id="u8572_text" class="text ">
                        <p><span>enter text...</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
